<template>
    <div class="banner">
        <el-carousel height="620px">
            <el-carousel-item v-for="item in bannerlist" :key="item.id">
                <img :src= "`/src/assets/images/${item.img_url}`"  alt="">
            </el-carousel-item>
        </el-carousel>
    </div>

</template>


<script setup>
import { ref } from 'vue'
let bannerlist = ref([
    { id: 1, img_url: 'image1.png' },
    { id: 2, img_url: 'image2.png' },
    { id: 3, img_url: 'image3.png' },
])
</script>